import { Input, Button, Radio, message, Space } from 'antd';
import React, { useState } from 'react';
import './addNotice.css'
import { DownloadOutlined } from '@ant-design/icons';


export default function addNotice(){
    // 内容
    const { TextArea } = Input;
 
    // 一排按钮
    const [size, setSize] = useState('large');
      const success = () => {
        message.success('发布成功');
      };
      const warning = () => {
        message.warning('保存成功');
      };
    //   返回按钮
      const back = () => {
        window.history.back(-1);
      }

    return(
        <>
            <div className="title">
                通知标题：<Input placeholder="请输入标题内容"
                style={{
                    width:650,
                }} />
            </div>
            <br />
            <br />
            <div className="content">
                通知内容：<TextArea rows={4} placeholder="请输入内容" maxLength={6}
                style={{
                    width:650
                }} 
                />
            </div>
            <br />
            <br />
            <div className='btn1'>
                <Space>
                    <Button onClick={success}>发布</Button>
                    <Button onClick={warning}>保存</Button>
                    <Button onClick={back}>返回</Button>
                </Space>
            </div>

        </>
    )

}
